<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {$LOAD_STYLE.top|raw}
</head>
<style type="text/css">
.layui-table td, .layui-table th{
    text-align: center;
}
.collect_txt{
    margin-left: 10px;
    color: #ccc;
}
.layui-table .revenue-head{
	font-size: 16px;
	color: #FFFFFF;
	background: #36b368;
}
.tips{
	color: #c2c2c2;
	margin-left: 30px;
}
</style>

<body class="pear-container">
	<div class="layui-card">
		<div class="layui-card-body">
			<blockquote class="layui-elem-quote">
				<button class="pear-btn pear-btn-md" id="year-list">
				  {$year}年
				  <i class="layui-icon layui-icon-down layui-font-12"></i>
				</button>
				<span class="tips">选择年份可切换年度报表，当前年份数据实时显示，往年数据为缓存数据。如修改往年的数据，请手动删除缓存文件</span>
			</blockquote>
			<div class="layui-tab layui-tab-brief">
			  <ul class="layui-tab-title">
			    <li class="layui-this">全年热销产品</li>
			    <li>每月最热销产品（大货）</li>
			    <li>每月采购次数最频繁（大货）</li>
			    <li>每月剪板频率最高（米样）</li>
			    <li>全年滞销产品</li>
			  </ul>
			  <div class="layui-tab-content">
			    <div class="layui-tab-item layui-show">
					<div class="layui-row layui-col-space20">
						<div class="layui-col-md6">
							<table class="layui-table">
								<thead>
								<tr>
									<th width="100%" colspan="4" class="revenue-head">热销货</th>
								</tr>
								<tr>
									<th width="10%">序号</th>
									<th width="20%">编号</th>
									<th width="50%">产品名</th>
									<th width="20%">数量</th>
								</tr>
								</thead>
								<tbody>
								{volist name="H1" id="v"}
								<tr>
									<td>{$i}</td>
									<td>{$v.number}</td>
									<td>{$v.name}</td>
									<td>{$v.count} 匹</td>
								</tr>
								{/volist}
								</tbody>
							</table>
						</div>
					  <div class="layui-col-md6">
						<table class="layui-table">
						    <thead>
						    <tr>
						        <th width="100%" colspan="4" class="revenue-head">板布裁剪频率</th>
						    </tr>
						    <tr>
						        <th width="10%">序号</th>
						        <th width="20%">编号</th>
						        <th width="50%">产品名</th>
						        <th width="20%">次数</th>
						    </tr>
						    </thead>
						    <tbody>
						    {volist name="H2" id="v"}
						    <tr>
						        <td>{$i}</td>
						        <td>{$v.number}</td>
						        <td>{$v.name}</td>
						        <td>{$v.count} 次</td>
						    </tr>
						    {/volist}
						    </tbody>
						</table>
					  </div>
					</div>
					
				</div>
			    <div class="layui-tab-item">
					<div class="layui-row layui-col-space20">
					{volist name="T1" id="v"}
					  <div class="layui-col-md4">
					      <table class="layui-table">
					        <thead>
					        <tr>
					            <th width="100%" colspan="4" class="revenue-head">{$key}月份</th>
					        </tr>
					        <tr>
					            <th width="10%">排名</th>
					            <th width="20%">产品名</th>
					            <th width="40%">产品名</th>
					            <th width="30%">统计</th>
					        </tr>
					        </thead>
					        <tbody>
					        {volist name="v" id="v2"}
					        <tr>
					            <td>{$i}</td>
					            <td>{$v2.number}</td>
					            <td>{$v2.name}</td>
					            <td>{$v2.count} 匹</td>
					        </tr>
					        {/volist}
					        </tbody>
					    </table>
					  </div>
					{/volist}
					</div>
				</div>
			    <div class="layui-tab-item">
					<div class="layui-row layui-col-space20">
					{volist name="T2" id="v"}
					  <div class="layui-col-md4">
					      <table class="layui-table">
					        <thead>
					        <tr>
					            <th width="100%" colspan="4" class="revenue-head">{$key}月份</th>
					        </tr>
					        <tr>
					            <th width="10%">排名</th>
					            <th width="20%">产品名</th>
					            <th width="40%">产品名</th>
					            <th width="30%">统计</th>
					        </tr>
					        </thead>
					        <tbody>
					        {volist name="v" id="v2"}
					        <tr>
					            <td>{$i}</td>
					            <td>{$v2.number}</td>
					            <td>{$v2.name}</td>
					            <td>{$v2.count} 次</td>
					        </tr>
					        {/volist}
					        </tbody>
					    </table>
					  </div>
					{/volist}
					</div>
				</div>
			    <div class="layui-tab-item">
					<div class="layui-row layui-col-space20">
						{volist name="T3" id="v"}
						  <div class="layui-col-md4">
						      <table class="layui-table">
						        <thead>
						        <tr>
						            <th width="100%" colspan="4" class="revenue-head">{$key}月份</th>
						        </tr>
						        <tr>
						            <th width="10%">排名</th>
						            <th width="20%">产品名</th>
						            <th width="40%">产品名</th>
						            <th width="30%">统计</th>
						        </tr>
						        </thead>
						        <tbody>
						        {volist name="v" id="v2"}
						        <tr>
						            <td>{$i}</td>
						            <td>{$v2.number}</td>
						            <td>{$v2.name}</td>
						            <td>{$v2.count} 次</td>
						        </tr>
						        {/volist}
						        </tbody>
						    </table>
						  </div>
						{/volist}
					</div>
				</div>
			    <div class="layui-tab-item">
					<div class="layui-row layui-col-space20">
						<div class="layui-col-md4">
						    <table class="layui-table">
						      <thead>
						      <tr>
						          <th width="100%" colspan="4" class="revenue-head">没剪过板的产品</th>
						      </tr>
						      <tr>
						          <th width="15%">序号</th>
						          <th width="20%">编号</th>
						          <th width="65%">产品名</th>
						      </tr>
						      </thead>
						      <tbody>
						      {volist name="E1" id="v"}
						      <tr>
						          <td>{$i}</td>
						          <td>{$v.number}</td>
						          <td>{$v.title}</td>
						      </tr>
						      {/volist}
						      </tbody>
						  </table>
						</div>
						
						<div class="layui-col-md4">
						    <table class="layui-table">
						      <thead>
						      <tr>
						          <th width="100%" colspan="4" class="revenue-head">没拿过大货的产品</th>
						      </tr>
						      <tr>
						          <th width="15%">序号</th>
						          <th width="20%">编号</th>
						          <th width="65%">产品名</th>
						      </tr>
						      </thead>
						      <tbody>
						      {volist name="E2" id="v"}
						      <tr>
						          <td>{$i}</td>
						          <td>{$v.number}</td>
						          <td>{$v.title}</td>
						      </tr>
						      {/volist}
						      </tbody>
						  </table>
						</div>
						
						<div class="layui-col-md4">
						    <table class="layui-table">
						      <thead>
						      <tr>
						          <th width="100%" colspan="4" class="revenue-head">剪板后没拿大货的</th>
						      </tr>
						      <tr>
						          <th width="15%">序号</th>
						          <th width="20%">编号</th>
						          <th width="65%">产品名</th>
						      </tr>
						      </thead>
						      <tbody>
						      {volist name="E3" id="v"}
						      <tr>
						          <td>{$i}</td>
						          <td>{$v.number}</td>
						          <td>{$v.name}</td>
						      </tr>
						      {/volist}
						      </tbody>
						  </table>
						</div>
					</div>
				</div>
			  </div>
			</div>
		</div>
	</div>

<script>
	layui.use(['jquery','common','mycomm','table','dropdown'], function() {
		let $ = layui.jquery;
		let common = layui.common;
		let mycomm = layui.mycomm;
		let table = layui.table;
		let dropdown = layui.dropdown;
    
		dropdown.render({
			elem: '#year-list',
			data: {$year_list|raw},
			id: 'year-list',
			//菜单被点击的事件
			click: function(obj){
			  window.location=obj.url;
			}
		});
	});
</script>
	{$LOAD_STYLE.bottom|raw}
	</body>
</html>
  